<!-- teachers -->
<template>
  <div class="content has_breadcrumb">
    <base-breadcrumb
      :data="[
        {
          routeName: 'classes',
          name: 'Yi school',
        },
        {
          routeName: 'classes',
          name: 'classes',
        },
        {
          name: 'NB-2',
        },
      ]"
      slot="breadcrumb"
    />
    <GgPage pageType="2" title="classes">
      <template v-slot:left>
        <gg-flex-menus
          :menus="menuDatas"
          @select="menuSelect"
          :default-active="activeIndex"
        />
      </template>
      <section-list title="Teachers" :data="sectionListData" :addStaff="true">
        <div>teachers</div>
      </section-list>
    </GgPage>
  </div>
</template>

<script>
export default {
  name: "teachers",
  data() {
    return {
      menuDatas: [
        {
          name: "NB-2",
          key: "NB-2",
          children: [
            { name: "Teachers", key: "teachers" },
            { name: "Students", key: "students" },
          ],
        },
      ],
      activeIndex: "teachers",
      sectionListData: [
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgf大的点点滴滴gfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
        {
          text: "dfdgfgfgfhfh",
          src:
            "https://edoovo-hk.oss-accelerate.aliyuncs.com/uat_avatar/2020-09-11/bd537d11fcbf4c398c047d377a62d681-130423902631638220815238764789965073975.png",
        },
      ],
    };
  },
  methods: {
    menuSelect(key, item) {
      console.log(key, item);
      this.activeIndex = key;
      this.$router.push(`/${key}`);
    },
  },
  created() {},
};
</script>
<style lang='less' scoped>
</style>